<!DOCTYPE html>
<html>
<head lang="zh">
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" href="./index.css"/>
</head>
<body>

<div id="div1">
    <div id="a">
        <img class="img1" src="./img/facebook.png"/>
        <img class="img1" src="./img/in.png"/>
        <img class="img1" src="./img/Twitter.png"/>
        POSTED 2014-03-23
        <p style="margin-left: 80px; font-size: 5px;">
            UC adoption surges as vendors end traditional PBX support
        </p>
        <p class="web">
            http://t.co/nlVo3ObGM3
        </p>
    </div>
    <div id="div2">
        <br/>
            <b>Truly</b>
        <br/>
            <b>Vibrant</b>
        <br/>
            <b>Telephony</b>.
    </div>
    <div id="div3">
        <div>
            <img src="./img/color.jpg"/>
        </div>
        <div>
            <font class="font1">COLOURED</font>
            <br/>
            <font class="font"><b>LINES</b></font>
        </div>

    </div>
    <div id="div4">
        Here to challenge the status quo when it comes to telephony.Coloured Lines is a new breed
        <br/>
        of full service VOIP carrier offering affordable voice and data communication over a
        <br/>
        business grade, private network.
    </div>
    <div id="div5">
        <!--搜索框-->
    </div>
    <div id="div6">
        WEB design by [YOKE]
    </div>

</div>

<div class="a" id="col1">
    <div class="b" id="col2">
        <div class="g">
            <img style="float: left; margin-top: 2%;" src="../img/imgtp/p.png">
            <div style="margin-top: 3%;margin-left: 2%;font-size: 12px;color: #525252;float: left"><b>dawdadawdawdadad</b>
                </br>dasdasdasdsdadasdawdawdawdsrgfhffhvgfh<p style="margin-top: -1%;">sasadasds</p></div>

        </div>
        <div class="h">
            <p class="z">Teday</p>
            <p class="z">Ydaipnj</p>
            <p class="z">Bdafyfvbjy.</p>
        </div>
        <div class="o">
            <img style="width: 6%;" src="../img/imgtp/Q.png">
            <div style="margin-left:6%;margin-top: -4.5%; color: #515151;line-height: 28% ;"><p>CONTSTDD</p><b>LIIP</b></div>
        </div>
        <div class="u" style=" color: #515151;line-height: 50% ;font-size: 12px;">
            <p>cgadwhcdabvcvavksvmsopikoapkaoakdpaddawnhhkuilulouluolipihjbyfyvhbhbjppbjcvavxuu</p>
            <p>dadabcudsbcsduvsvbvsudbvusdwjkikiujrtyrtoyegqquihjkhojkdwafrgdrgdr</p>
            <p>paioaejiwdaaaadwaa</p>
        </div>
        <div class="n">

            <div class="k" ><img class="ab" src="../img/imgtp/sou.png"></div>
            <input class="l" type="text"  placeholder="for exmaple aap">
        </div>
        <div class="x">
            <p style="color: #5d5d5d">Dwa dyuhb ppa &nbsp&nbsp[Yoke]</p>
        </div>
    </div>
    <div class="c" id="col3">
        <div class="d"><p class="y"><b>WHO WE ARE</b></p><img class="t" src="../img/imgtp/11.png"></div>
        <div class="d-1"><p class="y"><b>WHAT WE DO</b></p><img class="t" src="../img/imgtp/22.png"></div>
        <div class="d-2"><p class="y"><b>WHY CHOOSE US</b></p><img class="t" src="../img/imgtp/33.png"></div>
        <div class="d-3"><p class="y"><b>PRODUCTS</b></p><img class="t" src="../img/imgtp/44.png"></div>
        <div class="d-4"><p class="y"><b>TESTIMONIALS</b></p><img class="t" src="../img/imgtp/55.png"></div>
        <div class="d-5"><p class="y"><b>FAQS</b></p><img class="t" src="../img/imgtp/66.png"></div>
        <div class="d-6"><p class="y"><b>CONTACT US</b></p><img class="t" src="../img/imgtp/77.png"></div>
        <div class="d-7"><p class="y"><b>BLOG</b></p><img class="t" src="../img/imgtp/88.png"></div>
        <div class="e"></div>
        <div class="f"></div>
    </div>
</div>

</body>
</html>